<%@page contentType="text/html" pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt" %>

<!DOCTYPE html>
<html>
    <head>
        <title>House2</title>
        <meta name="viewport" content="width=device-width, initial-scale=1"> 
        <link rel="stylesheet" href="${model.props.appPath}/css/jquery_mobile/jquery.mobile-1.2.1.min.css" type="text/css"/>
        
<script src="http://maps.google.com/maps/api/js?sensor=true" type="text/javascript"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js" type="text/javascript"></script>
<script src="${model.props.appPath}/js/jquery_mobile/jquery.mobile-1.2.1.min.js" type="text/javascript" ></script>
<script src="${model.props.appPath}/js/jquery_mobile/jquery.ui.map.full.min.js" type="text/javascript"></script>
        
        <style>
            a {text-decoration:none;}      /* unvisited link */
        </style>
        
        <script type="text/javascript">
        $(function() {
                // Also works with: var yourStartLatLng = '59.3426606750, 18.0736160278';
                var yourStartLatLng = new google.maps.LatLng(59.3426606750, 18.0736160278);
                $('#map_canvas').gmap({'center': yourStartLatLng});
        });
</script>
    </head>
    
    <body>
        <div data-role="page" data-theme="d" id="searchPage">
            <%@include file="header_mobile.jsp" %>

            <div data-role="content">
                
                <h1>Tina</h1>
                
                <div id="map_canvas" style="width:250px;height:250px"></div>
                                  
            </div>
        
            <div data-role="footer">
                <%@include file="footer_mobile.jsp" %>      
            </div>
        </div>
    </body>
</html>
